/*
    ts的函数组件可以是一个普通函数后者是一个箭头函数
    这个函数的类型约束是React.FC(React Function Component)
    函数的返回值是JSX
    函数组件要使用ES6的默认导出方式导出便于别的组件使用
*/
import {useRoutes} from 'react-router-dom'
import routes from '@/router'
import {useAppSelector} from '@/store/hooks'
import {useEffect,useState} from 'react'
export default ()=>{
    const rows=useAppSelector((state)=>{
        return state.routesReducer.rows
    })
    const[rout,setRout]=useState(routes)
    useEffect(()=>{
        console.log('********')
        console.log('rows',rows)
        setRout(rows)
    },[rows])
    
    return (<>
        {useRoutes(rows.length==0?routes:rout)}
     </>)
}

